<div class="container" id="static-panel" *ngIf="showstaticpanel">
  <div class="title" id="static-resTitle">
    <div class="left-title">
      <img src="./assets/img/search/static.png">
      <span>统计结果</span>
    </div>
    <div class="right-title">
      <img id="overlap" src="./assets/img/icon/xidi.png" (click)="hidePanel()">
      <img src="./assets/img/icon/x.png" (click)="closePanel()">
    </div>
  </div>

  <!-- body -->
  <div class="content" *ngIf="(flag === 2) && isShowContent && (tabledata || depthbardata) ">
    <!-- 表格数据 -->
    <div class="data-table">
      <app-white-line-table *ngIf="tabledata" [data]="tabledata"></app-white-line-table>
      <app-white-line-table *ngIf="depthbardata" [data]="depthtabledata">
      </app-white-line-table>
    </div>
    <!-- tab页切换数据 -->
    <div class="tab-card">
      <app-g2-stack *ngIf="bardata" [data]="bardata"></app-g2-stack>
      <app-g2-bar *ngIf="radioValue === '管点' && depthbardata" [data]="depthbardata">
      </app-g2-bar>
      <app-g2-grouphistogram *ngIf="radioValue === '管线' && depthbardata" [data]="depthbardata"></app-g2-grouphistogram>
    </div>
  </div>
  <!-- 无数据，但是处于展开状态 与有数据互斥！ -->
  <div class="nodata" *ngIf="(flag === 1) && isShowContent && !tabledata && !depthbardata">
    <nz-empty [nzNotFoundContent]="null"></nz-empty>
  </div>

  <!-- 初始化状态！ -->
  <div class="nodata" *ngIf="(flag === 0) && isShowContent && !tabledata && !depthbardata">
  </div>




</div>